// 使用createSlice 创建分仓库
import { createSlice } from '@reduxjs/toolkit'
const toastSlice = createSlice({
  // 相当于是 vuex 的命名空间
  name: 'toast',
  // 相当于是 vuex 的 state
  initialState: {
    // 文字
    content: '初始值',
    // 是否显示
    show: false,
    // 弹出的类型
    type: 'success',
  },
  // 相当于是 vuex 的 mutations
  reducers: {
    show(state,{payload}){
      state.show = true
      state.content = payload.content
      state.type = payload.type
    },
    hide(state){
      state.show = false;
    }
  }
})

export const { show , hide } = toastSlice.actions;

export default toastSlice.reducer;